<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Certificar Usuarios</title>
    </h:head>
    <h:body>
        <ui:composition template="../templateInt.xhtml">
            <ui:define name="content">
                <h:form>
                    <h:panelGrid columns="2">
                        <a4j:outputPanel id="certificarDatatableRegion" ajaxRendered="true">
                            <h:messages style="color:red;margin:8px;"/>
                            <rich:dataTable id="certificarDataTable" value="#{certificarUsuarioBean.usuarios}" var="usuario" >
                                <f:facet name="header">
                                    <h:outputText value="Usuarios"/>
                                </f:facet>
                                <rich:column id="idUsuarioColumn" rendered="false">
                                    <h:outputText id="idUsuarioOutputText" value="#{usuario.idUsuario}" />
                                </rich:column>
                                <rich:column id="nombreUsuarioColumn">
                                    <f:facet name="header">
                                        <h:panelGrid columns="2">
                                            <a4j:commandLink value="Nombres"
                                                             execute="@this" action="#{certificarUsuarioBean.ordenarUsuarios()}"
                                                             render="certificarDataTable">
                                                <f:param name="sortProperty" value="nombres"/>                                        
                                            </a4j:commandLink>
                                            <h:graphicImage value="../imagenes/down_icon.gif"
                                                            alt="" rendered="#{!certificarUsuarioBean.ascendienteUsuarios}"/>
                                            <h:graphicImage value="../imagenes/up_icon.gif"
                                                            rendered="#{certificarUsuarioBean.ascendienteUsuarios}"/>
                                        </h:panelGrid>
                                    </f:facet>
                                    <h:outputText id="nombreUsuarioOutputText" value="#{usuario.nombres}"/>
                                </rich:column>
                                <rich:column id="apellidoUsuarioColumn">
                                    <f:facet name="header">
                                        <h:panelGrid columns="2">
                                            <a4j:commandLink value="Apellidos"
                                                             execute="@this" action="#{certificarUsuarioBean.ordenarUsuarios()}"
                                                             render="certificarDataTable">
                                                <f:param name="sortProperty" value="apellidos"/>                                        
                                            </a4j:commandLink>
                                            <h:graphicImage value="../imagenes/down_icon.gif"
                                                            alt="" rendered="#{!certificarUsuarioBean.ascendienteUsuarios}"/>
                                            <h:graphicImage value="../imagenes/up_icon.gif"
                                                            rendered="#{certificarUsuarioBean.ascendienteUsuarios}"/>
                                        </h:panelGrid>
                                    </f:facet>
                                    <h:outputText id="apellidosUsuarioOutputText" value="#{usuario.apellidos}"/>
                                </rich:column>
                                <rich:column id="cargoUsuarioColumn">
                                    <f:facet name="header">
                                        <h:panelGrid columns="2">
                                            <a4j:commandLink value="Cargo"
                                                             execute="@this" action="#{certificarUsuarioBean.ordenarUsuarios()}"
                                                             render="certificarDataTable">
                                                <f:param name="sortProperty" value="cargo.nombre"/>                                        
                                            </a4j:commandLink>
                                            <h:graphicImage value="../imagenes/down_icon.gif"
                                                            alt="" rendered="#{!certificarUsuarioBean.ascendienteUsuarios}"/>
                                            <h:graphicImage value="../imagenes/up_icon.gif"
                                                            rendered="#{certificarUsuarioBean.ascendienteUsuarios}"/>
                                        </h:panelGrid>
                                    </f:facet>
                                    <h:outputText id="cargoUsuarioOutputText" value="#{usuario.cargo.nombre}"/>
                                </rich:column>
                                <rich:column >
                                    <f:facet name="header">
                                        <h:outputText value="Certificado"/>
                                    </f:facet>
                                    <h:graphicImage value="../imagenes/check.png"
                                                    alt="" rendered="#{certificarUsuarioBean.usuarioCertificado(usuario)}"
                                                    styleClass="centered"/>
                                    <h:graphicImage value="../imagenes/cross.png"
                                                    alt="" rendered="#{!certificarUsuarioBean.usuarioCertificado(usuario)}"
                                                    styleClass="centered"/>
                                </rich:column>
                                <rich:column id="certificarUsuarioColumn">
                                    <f:facet name="header">
                                        <h:outputText value="Seleccionar"/>
                                    </f:facet>
                                    <h:commandLink id="certificarUsuarioCommandLink" value="#{msj.certificarLink}" 
                                                   action="#{certificarUsuarioBean.llenarAplicacionesUsuario(usuario.idUsuario)}"/>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputText value="#{msj.dataTableELiminar}"/>
                                    </f:facet>
                                    <a4j:commandLink id="eliminarUsuarioCommandLink" value="#{msj.eliminarLink}" 
                                                     actionListener="#{certificarUsuarioBean.eliminarUsuario}"/>
                                </rich:column>
                                <f:facet name="footer" >
                                    <rich:dataScroller for="certificarDataTable" rendered="#{certificarUsuarioBean.paginadoUsuarios()}" maxPages="5"/>
                                </f:facet>
                            </rich:dataTable>
                        </a4j:outputPanel>
                        <a4j:outputPanel id="aplicacionesDatatableRegion" ajaxRendered="true">
                            <rich:panel style="width: 860px">
                                <f:facet name="header">
                                    <h:outputText value="Aplicaciones"/>
                                </f:facet>
                                <rich:pickList id="aplicacionesPickList" 
                                               value="#{certificarUsuarioBean.aplicacionesCertificadas}" 
                                               var="aplicacion"
                                               listWidth="370px">
                                    <f:selectItems value="#{certificarUsuarioBean.aplicacionesUsuario}"/>
                                    <!--
                                    <rich:column>
                                        <h:outputText id="idUsuarioAplicacion" value="#{aplicacion.idUsuarioAplicacion}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Certificada" />
                                        </f:facet>
                                        <h:graphicImage value="../imagenes/check.png"
                                                        alt="" rendered="#{certificarUsuarioBean.aplicacionCertificada()}"/>
                                        <h:graphicImage value="../imagenes/cross.png"
                                                        alt="" rendered="#{!certificarUsuarioBean.aplicacionCertificada()}">
                                        </h:graphicImage>
                                    </rich:column>
                                    -->
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:panelGrid columns="2">
                                                <a4j:commandLink value="Aplicacion"
                                                                 execute="@this" action="#{certificarUsuarioBean.ordenarAplicaciones()}"
                                                                 render="aplicacionesDataTable">
                                                    <f:param name="sortProperty" value="idAplicacion.nombre"/>                                        
                                                </a4j:commandLink>
                                                <h:graphicImage value="../imagenes/down_icon.gif"
                                                                alt="" rendered="#{!certificarUsuarioBean.ascendienteAplicaciones}"/>
                                                <h:graphicImage value="../imagenes/up_icon.gif"
                                                                rendered="#{certificarUsuarioBean.ascendienteAplicaciones}"/>
                                            </h:panelGrid>
                                        </f:facet>
                                        #{aplicacion.idAplicacion.nombre}
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:panelGrid columns="2">
                                                <a4j:commandLink value="Username"
                                                                 execute="@this" action="#{certificarUsuarioBean.ordenarAplicaciones()}"
                                                                 render="aplicacionesDataTable">
                                                    <f:param name="sortProperty" value="username"/>                                        
                                                </a4j:commandLink>
                                                <h:graphicImage value="../imagenes/down_icon.gif"
                                                                alt="" rendered="#{!certificarUsuarioBean.ascendienteAplicaciones}"/>
                                                <h:graphicImage value="../imagenes/up_icon.gif"
                                                                rendered="#{certificarUsuarioBean.ascendienteAplicaciones}"/>
                                            </h:panelGrid>
                                        </f:facet>
                                        #{aplicacion.username}
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:panelGrid columns="2">
                                                <a4j:commandLink value="Tipo Usuario"
                                                                 execute="@this" action="#{certificarUsuarioBean.ordenarAplicaciones()}"
                                                                 render="aplicacionesDataTable">
                                                    <f:param name="sortProperty" value="idTipoUsuario.nombre"/>                                        
                                                </a4j:commandLink>
                                                <h:graphicImage value="../imagenes/down_icon.gif"
                                                                alt="" rendered="#{!certificarUsuarioBean.ascendienteAplicaciones}"/>
                                                <h:graphicImage value="../imagenes/up_icon.gif"
                                                                rendered="#{certificarUsuarioBean.ascendienteAplicaciones}"/>
                                            </h:panelGrid>
                                        </f:facet>
                                        #{aplicacion.idTipoUsuario.nombre}
                                    </rich:column>
                                </rich:pickList>
                                <center>
                                    <a4j:commandButton value="Certificar Aplicaciones" 
                                                       action="#{certificarUsuarioBean.certificarUsuario}"
                                                       render="informacionPopup" oncomplete="#{rich:component('informacionPopup')}.show();return false"/>
                                </center>
                            </rich:panel>
                        </a4j:outputPanel>
                    </h:panelGrid>
                </h:form>
                <rich:popupPanel id="informacionPopup" width="350" height="200">
                    <f:facet name="header">Información</f:facet>
                    <h:panelGrid>
                        <h:panelGrid columns="2">
                            <h:outputText value="#{certificarUsuarioBean.mensaje}" style="FONT-SIZE: small;" />
                        </h:panelGrid>
                        <h:panelGroup>
                            <input type="button" value="OK"
                                   onclick="#{rich:component('informacionPopup')}.hide();
                                           submit();
                                           return false;" />
                        </h:panelGroup>
                    </h:panelGrid>
                </rich:popupPanel>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

